import React from 'react'
import NavBar from '../../compents/NavBar'
import { Location } from '@react-vant/icons';
import { useNavigate } from 'react-router-dom'
type Props = {}

const Index = (props: Props) => {

    let navigate = useNavigate();
    return (
        <div>
            <NavBar />
            <div className="list">
                <div onClick={()=>navigate('/dateil')} className='lists'>
                    <img src="https://t10.baidu.com/it/u=1472401995,1612197972&fm=58" alt="" />
                    <div>
                        <h3>浙江美术学院2024年毕业展:视觉艺术殿堂</h3>
                        <p><Location />杭州市，浙江省<button>免费</button></p>
                    </div>
                </div>
                <div className='lists'>
                    <img src="https://t10.baidu.com/it/u=1472401995,1612197972&fm=58" alt="" />
                    <div>
                        <h3>浙江美术学院2024年毕业展:视觉艺术殿堂</h3>
                        <p><Location />杭州市，浙江省<button>免费</button></p>
                    </div>
                </div>
                <div className='lists'>
                    <img src="https://t10.baidu.com/it/u=1472401995,1612197972&fm=58" alt="" />
                    <div>
                        <h3>浙江美术学院2024年毕业展:视觉艺术殿堂</h3>
                        <p><Location />杭州市，浙江省<button>免费</button></p>
                    </div>
                </div>
                <div className='lists'>
                    <img src="https://t10.baidu.com/it/u=1472401995,1612197972&fm=58" alt="" />
                    <div>
                        <h3>浙江美术学院2024年毕业展:视觉艺术殿堂</h3>
                        <p><Location />杭州市，浙江省<button>免费</button></p>
                    </div>
                </div>
                <div className='lists'>
                    <img src="https://t10.baidu.com/it/u=1472401995,1612197972&fm=58" alt="" />
                    <div>
                        <h3>浙江美术学院2024年毕业展:视觉艺术殿堂</h3>
                        <p><Location />杭州市，浙江省<button>免费</button></p>
                    </div>
                </div>
                <div className='lists'>
                    <img src="https://t10.baidu.com/it/u=1472401995,1612197972&fm=58" alt="" />
                    <div>
                        <h3>浙江美术学院2024年毕业展:视觉艺术殿堂</h3>
                        <p><Location />杭州市，浙江省<button>免费</button></p>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Index